<div class="mh-banner">
  <div class="swiper-container">
    <div class="swiper-wrapper">
        {% for img in page.bannerImages %}
          <div class="swiper-slide">
            <img class="mh-banner-image" src="{{site.url | append: img.src}}" alt="{{img.alt}}">
            {% if img.seeMore %}
            <div class="content-container" style="position: relative; height: 100%">
              <a class="btn btn-lg mh-banner-btn" href="{{img.seeMore}}" target="_blank">了解更多 〉</a>
            </div>
            {% endif %}
          </div>
        {% endfor %}
    </div>
    <!-- If we need pagination -->
    <div class="swiper-pagination"></div>
    <!-- If we need navigation buttons -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
  
  {% if page.sidenav %}
  <div class="content-container">
    {% include sidebar.html %}
  </div>
  {% endif %}
</div>